@charset "utf-8";



.banner{ max-height:760px;height:auto;width:100%; position:relative; z-index:1;}

.banner img{ display:block; width:100%; margin:0 auto;}

.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;  z-index:12; width: 24px;height: 7px; border: 0;}

.banner .slick-dots{  width:240px; height:16px;position:absolute; bottom:40px;left:50%; margin-left:-610px; z-index:8;}

.banner .slick-dots li {display: inline-block; outline: none;}

.banner .slick-dots li button{ width:16px; height:16px; float:left; display:inline;background:#b6b6b6;opacity:1; border-radius:16px; margin:0 8px; font-size:0; box-sizing:border-box;outline: none; color:#fff; border:0;}

.banner .slick-dots .slick-active button{  background:#0054a5;}

.banner .slick-prev{ display:none; background:none; width:104px;height:104px; position:absolute; top:38%; left:5%; z-index:8; margin-left:0; font-size:0; border:0;opacity:0.8;outline:none;}

.banner .slick-next{display:none;background:none; width:104px;height:104px; position:absolute; top:38%; right:5%;z-index:8; margin-right:0;font-size:0; border:0;opacity:0.8;outline:none;}



.search{ height:75px; border-bottom:1px solid #d3d3d3; width:1200px; margin:0 auto;overflow: hidden;}

.search p{line-height:75px;height:75px;overflow: hidden; font-size: 14px; color:#333; font-family:"Microsoft Yahei"; float: left;}

.search p a{display: inline-block;padding:0 20px 0 10px;color:#949494; font-weight:normal; background:url(../images/sou_line.png) no-repeat right center;}

.search p a:last-child{ background:none;}

.search p a:hover{ font-weight:bold; color:#0054a5; text-decoration:underline;}

.sea_in{ margin-top:13px;float:right;}

.inp01{width:417px;height:49px;line-height:49px;border:none; color:#949494;font-size:14px;padding-left:20px; float: left;font-family:"Microsoft Yahei"; float: left; background:url(../images/sou1.png) no-repeat; outline:none;}

.inp02{background:url(../images/sou2.png) no-repeat center center;width:64px;height:49px;border:0; float: left;outline:none; cursor:pointer;}



.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#424242; font-weight:bold; overflow:hidden; }

.tit1 a{ display:block; color:#424242;}

.tit1 em{ display:block; font:22px "Microsoft YaHei"; color:#626262; margin-top:8px; padding-top:30px; background:url(../images/line.png) no-repeat center top;}



.yinz{ height:490px; margin-top:90px; overflow:hidden;}

.yinz p{ width:1101px; margin:40px auto; text-align:center; font:15px "Microsoft YaHei"; line-height:24px; color:#949494;}

.yinz li{ width:270px; height:140px; float:left; background:#fff; font:18px "Microsoft YaHei"; text-align:center; color:#626262; margin:0 10px;}

.yinz li span{ display:block; font:70px Arial; color:#424242; position:relative; margin-top:10px;}

.yinz li span i{ display:block; width:26px; height:26px; background:#0054a5; border-radius:26px; font:14px "Microsoft YaHei"; text-align:center; line-height:25px; color:#fff; position:absolute; top:15px; left:190px;}

.yinz li:nth-child(1) span i{ left:165px;}

.yinz li:nth-child(4){ width:300px;}

.yinz li:nth-child(4) span i{ left:260px;}

.yinz .cur{ box-shadow:0.1rem 0.1rem 0.9rem 0.1rem #e3e3e3;}

.yinz .cur span{ color:#0054a5;}

.yinz .cur span i{ background:#24cf97;}



.pro_bj{padding-top: 40px;height: 947px;}

.pro_bj .tit1{padding-bottom: 50px;}

.pro_bj .m_fl{float: left;width: 263px;}

.pro_bj h3{height: 92px;line-height: 92px;background: #0054a4;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}

.pro_bj .m_fl h3 a{color: #fff;}

.pro_bj .m_fl ul{border:3px solid #0054a4;border-top: none;}

.pro_bj .m_fl li{height: 48px;line-height: 48px; position: relative;}

.pro_bj .m_fl li a{display: block;padding-left: 88px;font-size: 16px;color: #333333;background:url(../images/cpflico.jpg) no-repeat 45px 17px;}



.pro_bj .m_fl li:nth-child(2n){background: #f3f8ff;}

.pro_bj .m_fl li a:hover,.g_pro .m_fl .cur a{background:url(../images/cpflicoh.jpg) no-repeat 45px 17px;color: #0054a4;font-weight: bold;}

.pro_bj .m_fl .fl2j{position: absolute;left:260px;top:0;background: #eef5ff;padding: 10px 20px 10px 10px;background: #eef5ff;border:none; width: 260px; z-index: 110;display: none;}

.pro_bj .m_fl .fl2j:before{content: "";position: absolute;background:url(../images/ejjt.png) no-repeat;width: 14px;height: 20px;left:-14px;top:20px;}

.pro_bj .m_fl .fl2j li{height: 36px;line-height: 36px;border-bottom: 1px dashed #bddbff;}

.pro_bj .m_fl .fl2j li a{color: #666666;font-size: 14px;color: #666666;background:url(../images/flej.jpg) no-repeat 13px 11px;padding-left: 30px;font-weight: normal;}

.pro_bj .m_fl .fl2j li:nth-child(2n){background: #eef5ff;}

.pro_bj .m_fl .fl2j li:last-child{border-bottom: none;}

.pro_bj .m_fl li:hover .fl2j{display: block;}

.pro_bj .m_cp{float: right;width: 920px;}

/*.product .cpup{height: 112px;border-top: 1px solid #e9eaed;}

.product .cpup li{float: left;width: 140px;margin-right: 15px;}

.product .cpup li img{width:140px;height: 105px;display: block;}

*/

.pro_bj .cpd li{float: left;width: 300px;margin-right:6px;transition: all 0.3s linear 0s;}

.pro_bj .cpd li:hover{opacity:0.8;}

.pro_bj .cpd .lastli{margin-right: 0;}

.pro_bj .cpd li img{width: 298px;display: block;border:1px solid #e4e4e4;}

.pro_bj .cpd li em{display: block;width: 300px;height: 64px;line-height: 64px;border-bottom: 1px solid #e1e1e1;text-align: center;overflow: hidden;font-size: 16px;color: #666666;margin-bottom: 26px;}



.ys_bj{background: url(../images/ys_bj.jpg?v=1) no-repeat center top;height:702px;padding-top:79px;}

.yous {position: relative;}

.yous dl{position: absolute;}

.yous dt{float:left;width:128px;height: 128px;border:1px solid #008240;border-radius: 50%;background: #fff;text-align: center;line-height: 128px;font-size:22px;color: #393939;font-weight: bold;}

.yous dd {float:left;font-size:18px;color: #393939;padding-top:40px;line-height: 32px;}

.yous dl:hover dt {background:url(../images/ys_ic.png) no-repeat;color: #fff;border:1px solid transparent;animation-duration:3s;animation-name:flipInY;}

.yous dl:hover dd{color: #008f47}

.yous dl:nth-of-type(1){width:279px;text-align: center;left:463px;top:165px;}

.yous dl:nth-of-type(1) dt,.yous dl:nth-of-type(1) dd{float:none;}

.yous dl:nth-of-type(1) dd{text-align: center;padding-top:14px;}

.yous dl:nth-of-type(1) dt{margin:0 auto;}

.yous dl:nth-of-type(2){top:316px;left:0;}

.yous dl:nth-of-type(2) dd{width:248px;padding-right:13px;}

.yous dl:nth-of-type(3){top:316px;right:0;}

.yous dl:nth-of-type(3) dd{width:235px;padding-left:24px;}

.yous dl:nth-of-type(4){top:513px;left:0;}

.yous dl:nth-of-type(4) dd{width:211px;padding-left:13px;padding-top:30px;}

.yous dl:nth-of-type(5){top:513px;right:0;}

.yous dl:nth-of-type(5) dd{width:205px;padding-left:12px;padding-top:30px;}



.tu_bj{background: #0054a4;height: 166px;}

.t_l{float:left;width:610px;padding-top:29px;}

.t_l p {height: 51px;line-height: 51px;font-size:24px;font-weight: bold;color: #fff}

.t_l p em {font-size:34px;}

.t_l span {font:38px "宋体";color: #fff;line-height: 49px;height: 49px;}

.t_r{float:right;padding-top:29px;}

.t_r p {padding-left:29px;background: url(../images/tu_tel.png) no-repeat left center;font-size: 20px;color: #ddebe2;height: 51px;line-height: 51px;}

.t_r p span {font-size:34px;}

.t_r a {width:172px;height: 44px;line-height: 44px;font-size:20px;color: #0054a4;font-weight: bold;background: #fff;text-align: center;margin-top:6px;display: block;}



.td_bj{overflow: hidden; padding-top:75px; box-sizing: border-box; font-family: "Microsoft YaHei"; }

.td_bj .tit1{padding-bottom: 40px;}

.td_bj .content{position: relative; height: 820px;}

.td dl{padding-left: 66px; margin-bottom: 50px;}

.td dl dt{padding-left: 20px;font-size: 26px;color: #333333;  font-weight: bold;}

.td dl dd{background:url(../images/tdico.png) no-repeat left top;padding-top: 8px;padding-left: 20px;}

.td dl dd h3{ font-size: 20px; color: #ffffff; font-weight: normal;margin-bottom: 5px; }

.td dl dd p{ font-size: 16px; color: #666666; }

.td dl:nth-child(1){background:url(../images/01.png) no-repeat left 5px;}

.td dl:nth-child(2){background:url(../images/02.png) no-repeat left 5px;}

.td dl:nth-child(3){background:url(../images/03.png) no-repeat left 5px;}

.td dl:nth-child(4){background:url(../images/04.png) no-repeat left 5px;}

.td dl:nth-child(5){background:url(../images/05.png) no-repeat left 5px;}



.td_tel{ font-size: 30px; color: #01923f; font-weight: bold; position: absolute; right: 260px;bottom: 8px;text-align: right; }

.td_tel span{display: block; color: #fff;padding-top: 15px;padding-bottom: 30px;}

.td_tel b{margin-right: 65px; font-size: 26px; color: #333333;  font-family:"Century Gothic"; text-align: right; display: block;}



.case_bj{margin-top:90px; overflow:hidden;}

.caset{ height:128px; margin:32px 0 38px 160px;}

.caset h3{ width:128px; height:128px; float:left;margin-right:60px; text-align:center; font:20px "Microsoft YaHei"; color:#333;}

.caset h3 a{ color:#333; display:block;width:128px; height:100px; padding-top:20px;}

.caset h3 span{ display:block; width:50px; height:50px; margin:0 auto; position:relative;}

.caset h3 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.caset h3 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.caset h3 span img{display:block; width:50px; height:50px;}

.caset h3 b{ display:block; font:12px "Microsoft YaHei"; color:#afafaf;}

.caset h3 a:hover,.caset .cur a{ color:#0054a5; box-shadow:0.1rem 0.1rem 1rem 0.1rem #dddcdc;}

.caset h3 a:hover em,.caset .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.caset h3 a:hover i,.caset .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.case_bj li{ width:286px; float:left; margin:0 18px 20px 0; height:278px; overflow:hidden;}

.case_bj li img{ display:block; width:286px; height:214px;}

.case_bj li h4{ font:18px "Microsoft YaHei"; color:#424242; padding:12px 0 0;}

.case_bj li h4 em{ display:block; font:15px "Microsoft YaHei"; color:#909090; padding-top:8px;}

.case_bj li a:hover img,.case_bj .cur01 img{ display:block; width:280px; height:208px; border:3px solid #0054a5;}

.case_bj li a:hover h4{ color:#0054a5; font-weight:bold;}

.case_bj li:nth-child(4n){ margin-right:0;}

.case_bj .case1 li:nth-child(4n){margin:0 18px 20px 0; }



.ys{ height:870px; background:#f1f1f1 url(../images/ys_line.gif) repeat-x center 264px; padding-top:80px; overflow:hidden;}

.ys .content{ position:relative;}

.ys dl{ height:700px;}

.ys dt{ height:160px;}

.ys dt em{ display:block; width:100px; height:100px; float:left; overflow:hidden;}

.ys dt em img{display:block; width:100px; height:100px;}

.ys dt span{ display:block; width:910px; float:left; padding:68px 0 0 23px; font:30px "Microsoft YaHei"; color:#fff;}

.ys dt span i{ display:block; font:12px "Microsoft YaHei"; color:#7494c3;}

.ys dd{ padding:8px 0 0 100px;}

.ys dd p{ font:15px "Microsoft YaHei"; line-height:24px; color:#797979; padding-left:25px; position:relative;}

.ys dd p:before{ content:""; position:absolute; top:7px; left:0; width:6px; height:6px; border-radius:6px; background:#0054a5;}

.ys dd p b{ color:#0054a5;}

.ys dd h5{ width:1100px; height:415px; margin-top:18px;}

.ys dd h3 img{ display:block;width:1100px; height:415px;}

.yst{ width:48px; background:url(../images/ys_line2.gif) no-repeat center top; position:absolute; top:310px; left:10px;}

.yst li{ width:48px; height:48px; font:18px "Microsoft YaHei"; text-align:center; line-height:48px; color:#fff; background:#424242; margin-bottom:59px; border-radius:48px;}

.yst .cur{ background:#0054a5;}

.arr{ height:33px; width:106px; position:absolute; right:0; top:216px;}

.arr:before{ content:""; position:absolute; top:10%; left:50%; width:1px; height:90%; background:#6698c9;}

.ys_l a{ display:block; width:33px; height:33px; background:url(../images/ys_l.png) no-repeat;}

.ys_l a:hover{ background:url(../images/ys_l2.png) no-repeat;}

.ys_r a{ display:block; width:33px; height:33px; background:url(../images/ys_r.png) no-repeat;}

.ys_r a:hover{ background:url(../images/ys_r2.png) no-repeat;}



.g_ab{background: url(../images/abbg.jpg) no-repeat center top;padding-top: 70px;height: 1058px;}

.g_ab .tit1{padding-bottom:20px;}

.g_ab p{font-size: 14px;line-height: 24px;color: #666666;height: 72px;overflow: hidden;text-align: center;margin-bottom: 12px;}

.g_ab p a{color: #0072c1;}

.g_ab dt{width: 1198px;height: 544px;margin: 0 auto;border:5px solid #fff;}

.g_ab dl{margin-bottom: 60px;}

.g_ab .ablst li{float: left;width: 270px;border-right: 1px solid #656869;height: 178px;}

.g_ab .ablst li i{display: block;width: 120px;height: 120px;background: url(../images/abbg1.png) no-repeat;margin: 0 auto 10px;transition: all 0.6s linear 0s;}

.g_ab .ablst li:hover i{transform:rotate(360deg);}



.g_ab .ablst li em{display: block;height: 24px;line-height: 24px;text-align: center;font-size: 24px;color: #fff;}

.g_ab .ablst li b{display: block;font-size: 14px;color: #848482;font-weight: normal;}

.g_ab .ablst li:hover i{background: url(../images/abbg2.png) no-repeat;}

.g_ab .ablst .ab1{width: 190px;}

.g_ab .ablst .ab5{width: 190px;border-right: none;}



.ry_bj{height:690px;background:#fff url(../images/rybg.png) no-repeat center 580px; padding-top:70px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;}

.ry_bj .tit01{box-sizing: border-box; text-align: center; font-family: "Microsoft YaHei";font-size: 50px; color: #222222; display: block; margin-bottom: 30px;font-weight: bold; width: 1200px; margin:0 auto; background: url(../images/titico.gif) repeat-x center 85px;}

.ry_bj .tit01 a{color: #333333; }

.ry_bj .tit01 i{font-weight: bold;color: #0145a3;}

.ry_bj .tit01 span{text-align: center; font-family: "Microsoft YaHei";font-size: 19px; color: #333333; display: block; font-weight: normal;padding:0 20px; line-height: 38px; border:1px solid #dfdfdf; background: #fff; position: relative;z-index: 1; box-sizing: border-box;}

.ry h2{ margin-bottom: 40px; }

.ry h2 span{width: 255px; margin:0 auto;}

.ry{ position: relative; }

.carousel-container {position:relative;width:1200px;height:412px;}

#carousel {height:345px;width:1200px;position:relative;font-size:12px;font-family: Arial;}

.carousel-image {border:0;display:block;}

.carousel-feature img{width:259px; height:345px; display:block;background: url(../images/ryspanbg.png) no-repeat center bottom;padding-bottom: 36px;}

.carousel-feature .carousel-caption {position:absolute; bottom:0;width:100%;background-color:#fff; text-align:center;}

.carousel-feature .carousel-caption p {margin:0;padding:5px; font-weight:bold;font:14px/38px "Microsoft Yahei";color:#333;}

.carousel-container .prev {position: absolute;top: 36%;z-index: 9;left: 0px; background: url(../images/ryleft.png) no-repeat;display: inline-block;height: 54px;width: 27px;}

.carousel-container .next {position: absolute;top: 36%;z-index: 9;right: 0px;background: url(../images/ryright.png) no-repeat; display: inline-block;height: 54px; width: 27px;}

.carousel-container .carousel-feature { position: relative;}

.carousel-container .titlework { background: url(../images/ryspanbg.png) no-repeat center top;display: block; height: 50px;left: 50%; line-height: 30px;position: absolute; text-align: center;top: 345px; width: 259px;margin-left:-128px;display: block;text-align: center; font-size: 0; color:#333333; line-height: 50px;}



.news{ height:865px; margin-top:20px; overflow:hidden;}

.newst{ height:128px; margin:32px 0 38px 403px;}

.newst h3{ width:168px; height:128px; float:left;margin-right:60px; text-align:center; font:22px "Microsoft YaHei"; color:#333;}

.newst h3 a{ color:#333; display:block;width:168px; height:108px; padding-top:20px;}

.newst h3 span{ display:block; width:44px; height:38px; margin:0 auto; position:relative;}

.newst h3 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}

.newst h3 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}

.newst h3 span img{display:block; width:44px; height:38px;}

.newst h3 b{ display:block; font:12px "Microsoft YaHei"; color:#afafaf;}

.newst h3 a:hover,.newst .cur a{ color:#0054a5; box-shadow:0.1rem 0.1rem 1rem 0.1rem #dddcdc;}

.newst h3 a:hover em,.newst .cur em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}

.newst h3 a:hover i,.newst .cur i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.news2{ width:600px; height:474px; overflow:hidden; background:#0054a5;}

.news2 dt{ width:600px; height:321px; overflow:hidden;}

.news2 dt img{ display:block;width:600px; height:321px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news2 dt a:hover img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}

.news2 dd{ padding:18px 25px 0;}

.news2 dd h4{ font:22px "Microsoft YaHei"; color:#fff; padding-bottom:10px; border-bottom:1px solid #3376b7;}

.news2 dd h4 a{ display:block; color:#fff;}

.news2 dd h4 a:hover{ font-weight:bold; color:#27d796;}

.news2 dd h4 em{ display:block; font:14px "Microsoft YaHei"; padding-top:4px;}

.news2 dd h4 em i{ color:#27d796;}

.news2 dd p{ font:14px "Microsoft YaHei"; line-height:20px; color:#a3b7d5; padding-top:12px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news1{ width:580px; overflow:hidden; float:right;}

.news1 dl{ height:87px; border:2px solid #eaeaea; margin-bottom:10px; padding:20px 20px 0;}

.news1 dt{ width:133px; height:65px; float:left; overflow:hidden;border:1px solid #ddd; box-sizing:border-box;}

.news1 dt img{ display:block; width:133px; height:65px;-webkit-transition: 1s;

-moz-transition: 1s;

transition: 1s;}

.news1 dd{ width:380px; float:right; overflow:hidden;}

.news1 dd h3 a{ display:block; font:15px "Microsoft YaHei"; font-weight:bold; color:#424242; height:28px; overflow:hidden;}

.news1 dd p{ font:14px "Microsoft YaHei"; color:#b1b1b1;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news1 dl:hover{ border:2px solid #0054a5;}

.news1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);

    -moz-transform:scale(1.1,1.1);

    -transform:scale(1.1,1.1);}

.news1 dl:hover h3 a{ color:#0054a5; font-weight:bold;}